<template>
	<view style="width: 100%;height: 45rpx;">
		<view style="width: 100%;" class="u-line-1" v-if="!info.messagetype || info.messagetype=='text' || info.messagetype=='system'">
			{{info.message}}
		</view>
		<view style="" v-if="info.messagetype=='emoji'">
			<image :src="`/static/images/emoji/${info.message}.png`" style="width: 40rpx;height: 40rpx;" mode=""></image>
		</view>
		<view style="display: flex;align-items: center;" v-if="info.messagetype=='image'">
			<u-icon name="photo" size="36"></u-icon>
			<view style="margin-left: 5rpx;">
				图片
			</view>
		</view>
		<view style="display: flex;align-items: center;" v-if="info.messagetype=='redpacket'">
			<!-- <image src="/static/images/redp.png" style="width: 30rpx;height: 30rpx;" mode=""></image> -->
			<u-icon name="/static/images/redp.png" size="32"></u-icon>
			<view style="margin-left: 5rpx;">
				红包
			</view>
		</view>
		<view style="display: flex;align-items: center;" v-if="info.messagetype=='file'">
			<u-icon name="file-text" size="36"></u-icon>
			<view style="margin-left: 5rpx;">
				文件
			</view>
		</view>
		<view style="display: flex;align-items: center;" v-if="info.messagetype=='video'">
			<!-- <image src="/static/images/msgvvv.png" style="width: 36rpx;height: 36rpx;" mode=""></image> -->
			<u-icon name="/static/images/msgvvv.png" size="32"></u-icon>
			<view style="margin-left: 5rpx;">
				视频
			</view>
		</view>
		<view style="display: flex;align-items: center;" v-if="info.messagetype=='audio'">
			<!-- <image src="/static/images/voice.png" style="width: 36rpx;height: 36rpx;" mode=""></image> -->
			<u-icon name="/static/images/voice.png" size="32"></u-icon>
			<view style="margin-left: 5rpx;">
				语音
			</view>
		</view>
		<view style="display: flex;align-items: center;" v-if="info.messagetype=='usercard'">
			<u-icon name="account" size="32"></u-icon>
			<view style="margin-left: 5rpx;">
				名片
			</view>
		</view>
		<view style="display: flex;align-items: center;" v-if="info.messagetype=='groupcard'">
			<!-- <image src="/static/images/qql.png" style="height: 30rpx;" mode="heightFix"></image> -->
			<u-icon name="/static/images/qql.png" size="32"></u-icon>
			<view style="margin-left: 5rpx;">
				群名片
			</view>
		</view>
		<view style="display: flex;align-items: center;" v-if="info.messagetype=='videocall'">
			<!-- <image src="/static/images/vdcall.png" style="height: 30rpx;" mode="heightFix"></image> -->
			<u-icon name="/static/images/vdcall.png" size="32"></u-icon>
			<view style="margin-left: 5rpx;">
				视频通话
			</view>
		</view>
		
		<view style="display: flex;align-items: center;" v-if="info.messagetype=='audiocall'">
			<!-- <image src="/static/images/mnadc.png" style="height: 30rpx;" mode="heightFix"></image> -->
			<u-icon name="/static/images/mnadc.png" size="32"></u-icon>
			<view style="margin-left: 5rpx;">
				语音通话
			</view>
		</view>
		<!-- <view v-if="item.type == 'emoji'" style="">
			<image :src="`/static/images/emoji/EMOJI-_${item.content}.png`" style="width: 50rpx;height: 50rpx;" mode=""></image>
		</view> -->
	</view>
</template>

<script>
	export default {
		data(){
			return {
				item:{}
			}
		},
		props:{
			info:{
				type:Object,
				default:()=>{
					return {}
				}
			}
		},
		mounted() {
			
		}
	}
</script>

<style>
</style>